<!DOCTYPE html>
<html>

<head>
    <title>{$info.company}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=400px, user-scalable=no" />
    <include file="Share:meta" />
    <link rel="stylesheet" href="../Public/plugins/mui/mui.css">
    <script type="text/javascript" src="../Public/plugins/mui/mui.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '{$signPackage.appId}', // 必填，公众号的唯一标识
            timestamp: {$signPackage.timestamp}, // 必填，生成签名的时间戳
            nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串
            signature: '{$signPackage.signature}',// 必填，签名，见附录1
            jsApiList: ['openLocation','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function(){
            wx.onMenuShareAppMessage({
                title: '{$info.company}', // 分享标题
                desc: '{$info.name}向你分享了名片', // 分享描述
                link: 'http://www.25mp.cn/bizcard/detail/hash/{$info.hash}', // 分享链接
                imgUrl: '{$info.Avatar}', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () { 
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () { 
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '{$info.company}', // 分享标题
                link:  'http://www.25mp.cn/bizcard/detail/hash/{$info.hash}', // 分享链接
                imgUrl: '{$info.Avatar}', // 分享图标
                success: function () { 
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () { 
                    // 用户取消分享后执行的回调函数
                }
            }); 

            wx.onMenuShareQQ({
                title: '{$info.company}', // 分享标题
                desc: '{$info.name}向你分享了名片', // 分享描述
                link: 'http://www.25mp.cn/bizcard/detail/hash/{$info.hash}', // 分享链接
                imgUrl: '{$info.Avatar}', // 分享图标
                success: function () { 
                   // 用户确认分享后执行的回调函数
                },
                cancel: function () { 
                   // 用户取消分享后执行的回调函数
                }
            });
        });
    </script>
    <style type="text/css">
    body {
        height: 100%;
        background-color: #292929;
        font-family: "黑体","微软雅黑";
        overflow: hidden;
    }
    </style>
    <script type="text/javascript">
    var isWeixin = false;
    wx.ready(function(){
        isWeixin = true;
    });
    </script>
</head>

<body>



<div class="mui-off-canvas-wrap">

    <div class="container-fluid container mui-inner-wrap">
    	

        <div class="row header">
            <div class="" style="padding:0px;">
                <div class="col-xs-11 header_title np">
                    <span style="margin-left:25px;">{$info.company} </span> &nbsp;
                   <!--  <img src="../Public/Bizcard/icon/icon_vip01.png" width="22">
                    <img src="../Public/Bizcard/icon/icon_vip02.png" width="22">
                    <img src="../Public/Bizcard/icon/icon_vip03.png" width="22"> -->
                </div>
                <div class="clearfix">
                </div>
            </div>
            <div class="photorow">
                <div class="col-xs-4 textright">
                    <div class="photo">
                        <img src="{$info.Avatar}" onerror="this.src='../Public/img/logo.jpg'">
                    </div>
                </div>
                <div class="col-xs-8 textleft">
                    <div class="f_left name">
                        <h3 class="name-cn">
						{$info.name}
						<span class="name-en">{$info.en}</span>
					</h3>
                        <h4 class="zhiwei">{$info.title}</h4>
                    </div>
                   <!--  <div class="header_share">
                        <img src="../Public/Bizcard/icon/ico_friends.png" height="20">
                    </div> -->
                </div>
                <div class="clearfix">
                </div>
            </div>
        </div>
        <div class="row midnav">
            <div class="col-xs-4 textcenter" onclick="$('.popbizcard').toggle();">
                <img class="icon" src="../Public/Bizcard/icon/btn_mpsave.png">
                <div>一键保存</div>
            </div>
            <!-- <div class="col-xs-4 textcenter">
                <a href="tel:{$info.mobile}">
                    <img class="icon" src="../Public/Bizcard/icon/btn_phone.png">
                    <div>拨打电话</div>
                </a>
            </div> -->
            <a href="/bizcard/intro/hash/{$info.hash}"><div class="col-xs-4 textcenter">
                <img class="icon" src="../Public/Bizcard/icon/btn_news.png">
                <div>企业信息</div>
            </div></a>
            <notempty name="Think.session.info.cid">
                <a href="/Bizcard/account"><div class="col-xs-4 textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_home.png">
                    <div>个人中心</div>
                </div></a>
            <else />
                <a href="/Bizcard/login/hash/{$info.hash}"><div class="col-xs-4 textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_home.png">
                    <div>用户登录</div>
                </div></a>
            </notempty>
            

        </div>
        <div class="row funclist">
            <a href="#" onclick="navi();"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_map.png">
                <div>地图导航</div>
            </div></a>
            <a href="/bizcard/BizInfo/hash/{$info.hash}"><div class="col-xs-4 textcenter func offcanvas-toggle">
                <img src="../Public/Bizcard/icon/btn_gscx.png">
                <div>工商信息</div>
            </div></a>
            <a href="#/bizcard/pos" onclick="javascript:alert('正在开发中');"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_sjpos.png">
                <div>手机POS</div>
            </div></a>
            <a href="/bizcard/showWxTwo/hash/{$info.hash}"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/v.png">
                <div>微信</div>
            </div></a>
            <a href="/bizcard/createOrder/hash/{$info.hash}/opt/add"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_mpxg.png">
                <div>名片制作</div>
            </div></a>
            <div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_more.png">
                <div>更多功能</div>
            </div>
            <div class="clearfix">
            
            </div>
        </div>
        <div class="detail">
            <div class="row">
                <div class="col-xs-12 borderline">
                    <img class="icon" src="../Public/Bizcard/icon/ico_tel.png"> {$info.mobile}
                </div>
                <div class="col-xs-12 borderline">
                    <img class="icon" src="../Public/Bizcard/icon/ico_mail.png"> {$info.email}
                </div>
                <div class="col-xs-12 borderline">
                    <img class="icon" src="../Public/Bizcard/icon/ico_wechat.png"> {$info.weixin}
                </div>
                <div class="col-xs-12 borderline">
                    <img class="icon" src="../Public/Bizcard/icon/ico_www.png"> {$info.site}
                </div>
                <div class="col-xs-12 borderline">
                    <img class="icon" src="../Public/Bizcard/icon/ico_point.png"> {$info.address}
                </div>
            </div>
        </div>
        <div class="navbar footbar">
            <div class="row">
                <div class="col-xs-4 borderline textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_back.png">
                </div>
                <div class="col-xs-4 borderline textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_home.png">
                </div>
                <div class="col-xs-4 borderline textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_more.png">
                </div>
            </div>
        </div>


        <div class="popbizcard">
    		 <div class="qrcodepanel">
    		 	<a href="javascript:$('.popbizcard').hide();" title="关闭" class="close" style="position:absolute; width:40px; height:40px;font-size:20px; right:0px; top:10px; z-index:999; text-align:center; line-height:30px; color:#000; font-weight:bolder;">×</a>
    		 	<div class="col-xs-12 textcenter qrtitle">
    		 		{$info.company}
    		 	</div>
    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter">
    		 			<div class="photo">
                        <img src="{$info.Avatar}">
                    </div>
    		 	</div>

    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter">
    		 			<h4 class="name-cn">{$info.name}</h4>
    		 			<h6 class="name-en">{$info.name_en}</h6>
    		 			<h4 class="zhiwei">{$info.title}</h4>
    		 		</div>
    		 	</div>
    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter qrpng">
    		 			<img src="/Runtime/Data/{$info.hash}_bizcard.png?v={$info.lastmodify}"><!-- /bizcard/bizqrcode/hash/{$info.hash} -->
    		 			<br>
    		 			<div>长按识别二维码，保存到手机通讯录<br><small>ID:{$info.hash}</small></div>
    		 		</div>
    		 	</div>
    		 </div>
        </div>
    </div>

    <style type="text/css">
    	
    </style>
    <script type="text/javascript">
        function navi(){
            if(!isWeixin){
                window.location.href='http://m.amap.com/?q={$info.latitude},{$info.longitude}';
            }else{
                wx.openLocation({
                    latitude: {$info.latitude}, // 纬度，浮点数，范围为90 ~ -90
                    longitude: {$info.longitude}, // 经度，浮点数，范围为180 ~ -180。
                    name: '{$info.company}', // 位置名
                    address: '{$info.address}', // 地址详情说明
                    scale: 16, // 地图缩放级别,整形值,范围从1~28。默认为最大
                    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
                });
            }
            
        }
    </script>
</div>
</body>

</html>
